==
use Jason\Ccshop\Components\Catalog;
function onStart(){
	$datas = (new Catalog)->ProductSection('m-index-special');
	//dd($datas);
}
==
<div class="indexListUlBox">
	<div class="index-recomme1-head">
		<h2>RANKING 人気アイテム</h2>
		<hr class="bgBlue3 br-none" style="height: 2px;margin-bottom:5px;">
	</div>
	<ul class="listUl">
		{% for key, val in catalog.ProductSection('m-index-sale').items %}
		{% if loop.index <= 60 %}
		<li>
			<a href="{{val.url}}?rel=home">
				<div class="productImg product_h">
					<img class="productImgH" src="{{ val.f_thumb }}" alt="{{val.name}}">
					{% if val.saled > 500 %}
					<span class="hotSale sale_"><img src="{{ 'assets/img/hotSale.png'|theme }}" alt=""></span>
					{% endif %}

					{% if val.labels == "newest" %}
					<span class="newSale sale_"><img src="{{ 'assets/img/newSale.png'|theme }}" alt=""></span>
					{% endif %}
				</div>
				<div class="contBlock">
					<p class="txtGray1" cutlimit="14" cutdisplay="…"></p>
					<p class="txtGray">
						<b>{{ val.price|formatPrice }}</b> 税込
						{% if val.discount %}
						<span class="proSale"><b>{{ val.discount }}</b>OFF</span>
						{% endif %}
					</p>
				</div>
			</a>
		</li>
		{% endif %}
		{% endfor %}
		<p class="moreBtnBox_"><a href="/bestseller.html?rel=home" class="more bgBlue3">もっと見る&gt;</a></p>
	</ul>
	<div class="index-recomme1-head">
		<h2>NEW ARRIVALS</h2>
		<hr class="bgBlue3 br-none" style="height: 2px;margin-bottom:5px;">
	</div>
	<ul class="listUl">
		{% for key, val in catalog.ProductSection('m-index-newness').items %}
		{% if loop.index <= 60 %}
		<li>
			<a href="{{val.url}}?rel=home">
				<div class="productImg product_h">
					<img class="productImgH" src="{{ val.f_thumb }}" alt="{{val.name}}">
					{% if val.saled > 500 %}
					<span class="hotSale sale_"><img src="{{ 'assets/img/hotSale.png'|theme }}" alt=""></span>
					{% endif %}

					{% if val.labels == "newest" %}
					<span class="newSale sale_"><img src="{{ 'assets/img/newSale.png'|theme }}" alt=""></span>
					{% endif %}
				</div>
				<div class="contBlock">
					<p class="txtGray1" cutlimit="14" cutdisplay="…"></p>
					<p class="txtGray">
						<b>{{ val.price|formatPrice }}</b> 税込
						{% if val.discount %}
						<span class="proSale"><b>{{ val.discount }}</b>OFF</span>
						{% endif %}
					</p>
				</div>
			</a>
		</li>
		{% endif %}
		{% endfor %}
		<p class="moreBtnBox_"><a href="/daily-new.html?rel=home" class="more bgBlue3">もっと見る&gt;</a></p>
	</ul>
	<div class="index-recomme1-head">
		<h2>特別セール商品</h2>
		<hr class="bgBlue3 br-none" style="height: 2px;margin-bottom:5px;">
	</div>
	<ul class="index_special_list">
		{% for key, val in catalog.ProductSection('m-index-special').items %}
		{% if loop.index <= 60 %}
		<li>
			<a href="{{val.url}}?rel=home">
				<div class="list_imgBox">
					<img class="" src="{{ val.f_thumb }}" alt="{{val.name}}">
				</div>
				<div class="contBlock">
					<p class="txtGray1" cutlimit="14" cutdisplay="…">{{ val.name }}</p>
<!-- 					{% for option in val.options %}


				    <p class="txtGray">
						<span>{{ option.name }}:</span>
							{% if option.values is iterable %}
		              			{% for value in option.values %}
				                        <span>&nbsp;&nbsp;{{value.name}}</span>
		              			{% endfor %}
		              		{% endif  %}
					</p>
				{% endfor %} -->
<!-- 				    <p class="txtGray">
						<span>サイズ</span>
					</p>
					<p class="txtGray">
						<span>カラー</span>
					</p> -->
					<p class="txtGray">
						<b>{{ val.price|formatPrice }}</b> 税込
					</p>
				</div>
			</a>
		</li>
		{% endif %}
		{% endfor %}
		<!-- <p class="moreBtnBox_"><a href="/outerwear-c-4686.html" class="more bgBlue3">もっと見る&gt;</a></p> -->
	</ul>

</div>